<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<title>JooStory Theme</title>
	<meta name="description" content="{MetaDescription}" />
	<meta name="text:DisqusId" content="" />
	<meta name="text:TwitterId" content="" />

	<link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif" />
	<link rel="alternate" type="application/rss+xml" title="JooStory Theme" href="{RSS}" />
	<link rel="stylesheet" type="text/css" media="all" href="css/joostory.css">

	<!-- Styles -->
	<style type="text/css">
	  .header .title a { text-indent:-10000px;height:59px;width:140px;margin-left:10px;padding-top:0px;background:url("http://static.tumblr.com/udrhgqb/18pm3y1yr/joostory_logo_main_yellow.png");}
	  .profile { background:#3c3c3c url("http://static.tumblr.com/udrhgqb/urWm3zow5/joo_simpson01_100x100.png") no-repeat bottom right; }
	</style>

<!--[if IE]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?skin=sunburst"></script>
	<script>
		$(document).ready(function() {
			prettyPrint();
		});
	</script>

</head>
<body>

<div class="header">
    <h1 class="title"><a href="/" title="JooStory Theme">JooStory Theme</a></h1>
	<div class="sites" class="navigation">
		<ul>
		  <li><a href="http://joostory.net">JooStory.net</li>
		</ul>
	</div>
</div>
<div class="body">

    <div class="sidebar">
        <div class="sidebox" style="text-align:center;">
		  <div style="padding:10px 0;">
			<img src="http://assets.tumblr.com/images/default_avatar_128.gif">
		  </div>
            <a href="https://twitter.com/JooStory" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @JooStory</a>
        </div>

        <form class='search-form' method='get' action='/search'>
            <label for='search-text'>검색어</label>
            <input type='search' id='search-text' name='q'>
            <button type='submit'>검색</button>
        </form>

        <div class="sub navigation">
            <ul class="sidebox">
        		<li><a href="http://www.google.com/reader/" title="Go to RSS Reader" target="_blank">RSS Reader</a></li>
        		<li><a href="http://www.google.com/analytics" title="Go to Analytics" target="_blank">Analytics</a></li>
        		<li><a href="http://www.google.com/adsense/" title="Go to Adsense" target="_blank">Adsense</a></li>
        		<li><a href="http://appengine.google.com/" title="Go to Google App Engine" target="_blank">App Engine</a></li>
        	</ul>

        	<a style="width:174px;height:31px;margin:0 auto;" href="http://mypeople.daum.net/" target="_blank" onclick="window.open(this.href, '', 'width=700px,height=510px');return false;"><img src="http://mimg.daum-img.net/10mail/b_mypeople.gif" /></a>
        </div>
    </div>

    <div class="contents">

        <div class="content posts">

            <div class="post_date"><abbr><a href="{Permalink}">5 Jan 2012</a></abbr></div>

            <h2><a href="{Permalink}">Sample1</a></h2>
			<p>This is sample text.</p>

            <div class="post_meta">
                <div class="tags">
                    <div class="tags_title">Tags : </div>
                    <ul>
                        <li><a href="#Sample1">Sample1</a></li>
						<li><a href="#Sample2">Sample2</a></li>
                    </ul>
                </div>
            </div>
        </div>

		<div class="content posts">

            <div class="post_date"><abbr><a href="{Permalink}">5 Jan 2012</a></abbr></div>

            <h2><a href="{Permalink}">Code Sample</a></h2>
			<p></p>
			<pre class="prettyprint linenums">#!/usr/bin/ruby

put "Hello, world!"</pre>

            <div class="post_meta">
                <div class="tags">
                    <div class="tags_title">Tags : </div>
                    <ul>
                        <li><a href="#Sample1">Sample1</a></li>
						<li><a href="#Sample2">Sample2</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="content posts">

            <div class="post_date"><abbr><a href="{Permalink}">5 Jan 2012</a></abbr></div>

			<div class="media"><a href="http://24.media.tumblr.com/tumblr_m56lu8OXjR1rxd49do1_1280.jpg"><img src="http://25.media.tumblr.com/tumblr_m56lu8OXjR1rxd49do1_500.jpg" alt="This is sample image" /></a></div>
            <div class="photoCaption"><p>This is sample image</p></div>

            <div class="post_meta">
                <div class="tags">
                    <div class="tags_title">Tags : </div>
                    <ul>
                        <li><a href="#Sample1">Sample1</a></li>
						<li><a href="#Sample2">Sample2</a></li>
                    </ul>
                </div>
            </div>
        </div>



        <div class="content posts">

            <div class="post_date"><abbr><a href="{Permalink}">5 Jan 2012</a></abbr></div>

			<div class="media"><iframe width="500" height="281" src="http://www.youtube.com/embed/qraPm7OwtVA?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe></div>
            <div><p>This is video sample</p></div>

            <div class="post_meta">
                <div class="tags">
                    <div class="tags_title">Tags : </div>
                    <ul>
                        <li><a href="#Sample1">Sample1</a></li>
						<li><a href="#Sample2">Sample2</a></li>
                    </ul>
                </div>
            </div>
        </div>


        <div class="page">
          <a class="prev_page">&#171; Previous</a>
          <a class="next_page">Next &#187;</a>
        </div>

    </div>

</div>

<div class="footer">
    &copy; Joo
</div>


<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="http://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

</body>
</html>
